<script lang="ts">
import { ref, onMounted } from "vue";

export default {
  setup() {
    const dnsTime = ref(0);
    const tcpTime = ref(0);
    const requestTime = ref(0);
    const domTime = ref(0);
    const loadTime = ref(0);

    onMounted(() => {
     
    });

    return {
      dnsTime,
      tcpTime,
      requestTime,
      domTime,
      loadTime,
    };
  },
};
</script>
<template>
  <div>
    <p>DNS 查询时间: {{ dnsTime }}ms</p>
    <p>TCP 连接时间: {{ tcpTime }}ms</p>
    <p>请求响应时间: {{ requestTime }}ms</p>
    <p>DOM 解析时间: {{ domTime }}ms</p>
    <p>页面加载总时间: {{ loadTime }}ms</p>
  </div>
</template>
